﻿<UserControl x:Class="Silvester.TwitterClient"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:cit="clr-namespace:CompletIT.Windows.Controls;assembly=LinkLabel"
             Width="250"
             Height="310">
    <UserControl.Resources>
        <Storyboard x:Name="HighlightLoadingPoints"
                    RepeatBehavior="Forever">
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00"
                                          Storyboard.TargetName="loadingPoint1"
                                          Storyboard.TargetProperty="(TextBlock.Foreground).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.4000000"
                                     Value="#FF000000" />
                <SplineColorKeyFrame KeyTime="00:00:00.6000000"
                                     Value="#FFFFFFFF" />
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00"
                                          Storyboard.TargetName="loadingPoint2"
                                          Storyboard.TargetProperty="(TextBlock.Foreground).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.2000000"
                                     Value="#FF000000" />
                <SplineColorKeyFrame KeyTime="00:00:00.8000000"
                                     Value="#FFFFFFFF" />
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00"
                                          Storyboard.TargetName="loadingPoint3"
                                          Storyboard.TargetProperty="(TextBlock.Foreground).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00"
                                     Value="#FF000000" />
                <SplineColorKeyFrame KeyTime="00:00:01"
                                     Value="#F1FFFFFF" />
            </ColorAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>
    <Canvas>
        <StackPanel Style="{StaticResource LayoutRoot}"
                    Width="250">
            <Grid Style="{StaticResource ActionBar}">
                <Button Style="{StaticResource RefreshButtonStyle}"
                        Content="Refresh"
                        Click="RefreshTimeline_Click" />
                <HyperlinkButton x:Name="FollowMe"
                                 Style="{StaticResource FollowMeLinkStyle}"
                                 Content="Follow me!" />
            </Grid>
            <ListBox x:Name="StatusList"
                     Style="{StaticResource StatusList}">
            </ListBox>
            <Grid MinHeight="16">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="70" />
                    <ColumnDefinition Width="55" />
                    <ColumnDefinition Width="125" />
                </Grid.ColumnDefinitions>
                <TextBlock x:Name="LastUpdatedLabel"
                           Style="{StaticResource LastUpdatedLabel}"
                           Text="Last updated:" />
                <TextBlock x:Name="LastUpdatedValue"
                           Style="{StaticResource LastUpdatedValue}" />
                <TextBlock x:Name="StatusMessage"
                           Style="{StaticResource StatusMessage}" />
                <StackPanel x:Name="Loader"
                            Style="{StaticResource LoaderStyle}">
                    <TextBlock Text="Loading"
                               Style="{StaticResource LoadingText}" />
                    <TextBlock x:Name="loadingPoint1"
                               Text="."
                               Style="{StaticResource LoadingText}"
                               Foreground="#FFFFFFFF" />
                    <TextBlock x:Name="loadingPoint2"
                               Text="."
                               Style="{StaticResource LoadingText}"
                               Foreground="#FFFFFFFF" />
                    <TextBlock x:Name="loadingPoint3"
                               Text="."
                               Style="{StaticResource LoadingText}"
                               Foreground="#FFFFFFFF" />
                </StackPanel>
            </Grid>
        </StackPanel>
    </Canvas>
</UserControl>
